<!--
    一、什么是单文件组件：vue的但文件组件是一个由HTML,css,js三者组成组成的一个新文件格式，这种文件格式是以.vue后缀结尾的
    .vue结尾的vue单文件组件不能在浏览器中直接运行，要依靠vue-loader转换器完成最终的转换的
    二、单文件组件的组成
    单文件组件由三个部分组成
    template:编写的是HTML代码
    script标签:编写的是js的逻辑代码
    style:编写的样式代码
    1、template中编写的HTML代码
    1)要求：在vue2中template节点只能有一个根节点,不能出现多根
-->
<template>
   <h2>Hello <span>{{name}}!</span></h2>
</template>
<script>
  /*
     export default是ES6中默认导出，可以编写vue的选项
     data:函数
  */
  export default{
    data:function(){
        return{
            name:'Lily'
        }
    }
  }
</script>
<!--style表示样式标签,lang属性规定了所使用的css的预处理语言-->
<style lang="scss">
  h2{
    span{
        color:rgba(0,255,0,.8)
    }
  }
</style>
